@import "../../style/base";

.wrapper {
  position: relative;
}

.menu {
  margin-top: 20px;
  padding: 0;
  color: @white-1;
  li {
    height: 45px;
    line-height: 45px;
    list-style: none;
    cursor: pointer;
    padding-left: 30px;
    span.listItem {
      display: block;
      color: @white-1;
      span {
        padding-left: 15px;
      }
    }
  }
  li:hover .listItem{
    color: @blue-1;
  }
  li.active {
    .listItem {
      color: @blue-1;
      z-index: 9;
    }
    background-color: rgba(255, 255, 255, 0.2);
  }
}

.history {
  margin-left: 10px;
  h3 {
    font-size: 24px;
    color: @white-3;
  }
  ul li {
    color: @white-4;
    font-size: 12px;
    cursor: pointer;
  }
  ul li:hover {
    color: @blue-1;
  }
}
